/***************shipping tool 自定义样式**************************************/

/**字体*/
.f_weight{font-weight:bold;}/**加粗*/
.f_11{font-size:11px;}/**11号字体*/
.f_12{font-size:12px;}/**12号字体*/
.f_14{font-size:14px;}/**14号字体*/
.f_16{font-size:16px;}/**16号字体*/
.f_20{font-size:20px;}/**20号字体*/
.f_25{font-size:25px;}/**20号字体*/
.f_30{font-size:30px;}/**20号字体*/
.f_40{font-size:40px;}/**20号字体*/

/**圆角*/
.round {
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px;            /* W3C syntax */
}
/*DIV内容省略*/
.context_ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
/*元素居中显示*/
.center{
    MARGIN-RIGHT:auto;
    MARGIN-LEFT:auto;
}

.displayBox{
    display:-moz-inline-box;
    display:inline-block;
}
.boxSpan{
    float: left;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    padding: 0 6px;
    line-height: 22px;
}

/*内容对齐*/
.tx_right{text-align:right;}
.tx_center{text-align:center;}
.tx_left{text-align:left;}

/*元素浮动*/
.left{float:left;}
.right{float:right;}

/*清除浮动*/
.clear{clear:both;}

/*左间距*/
.ml_3{margin-left:3px;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.ml_15{margin-left:15px;}
.ml_20{margin-left:20px;}
.ml_30{margin-left:30px;}

/*右间距*/
.mr_3{margin-right:3px;}
.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_30{margin-right:30px;}
.mr_50{margin-right:50px;}
/*上间距*/
.mt_2{margin-top:2px;}
.mt_3{margin-top:3px;}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}

/*下间距*/
.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}

/*左空隙*/
.pl_3{padding-left:3px;}
.pl_5{padding-left:5px;}
.pl_10{padding-left:10px;}
.pl_15{padding-left:15px;}
.pl_30{padding-left:30px;}

.pt_10{padding-top:10px;}
.pb_10{padding-bottom:10px;}

/*右空隙*/
.pr_5{padding-right:5px;}
.pr_15{padding-right:15px;}
.pr_30{padding-right:30px;}

/*空隙*/
.p_1{padding:1px;}
.p_3{padding:3px;}
.p_5{padding:5px;}
.p_7{padding:7px;}
.p_10{padding:10px;}
.p_15{padding:15px;}
.p_20{padding:20px;}

/*高度百分比*/
.h_100{height:100%;}
.h_98{height:98%;}
.h_90{height:90%;}
.h_70{height:70%;}
.h_30{height:30%;}
.h_25{height:25%;}
.h_45{height:45%;}

/*宽度百分比*/
.w_100{width:100%;}
.w_99{width:99%;}
.w_98{width:98%;}
.w_95{width:95%;}
.w_90{width:90%;}
.w_85{width:85%;}
.w_80{width:80%;}
.w_75{width:75%;}
.w_70{width:70%;}
.w_67{width:67%;}
.w_60{width:60%;}
.w_55{width:55%;}
.w_50{width:50%;}
.w_49{width:49%;}
.w_48{width:48%;}
.w_45{width:45%;}
.w_44{width:44%;}
.w_40{width:40%;}
.w_30{width:30%;}
.w_25{width:25%;}
.w_20{width:20%;}
.w_15{width:15%;}

/*高度*/
.h3{height:3px;}
.h5{height:5px;}
.h20{height:20px;}
.h22{height:22px;}
.h24{height:24px;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h45{height:45px;}
.h50{height:50px;}
.h55{height:55px;}
.h60{height:60px;}
.h80{height:80px;}
.h100{height:100px;}
.h105{height:105px;}
.h120{height:120px;}
.h125{height:125px;}
.h150{height:150px;}
.h155{height:155px;}
.h180{height:180px;}
.h200{height:200px;}
.h220{height:220px;}
.h222{height:222px;}
.h250{height:250px;}
.h350{height:350px;}
.h300{height:300px;}
.h360{height:360px;}
.h400{height:400px;}
.h450{height:450px;}
.h470{height:470px;}
.h500{height:500px;}
.h510{height:510px;}
.h520{height:520px;}
.h525{height:525px;}
.h530{height:530px;}
.h540{height:540px;}
.h560{height:560px;}
.h570{height:570px;}
.h600{height:600px;}
.h640{height:640px;}
.h645{height:645px;}
.h660{height:645px;}
.h700{height:700px;}

/**行高**/
.hl_22{line-height:22px;}
.hl_24{line-height:24px;}

/**最大高度**/
.mh40{max-height:40px;}
.mh250{max-height:250px;}
.mh300{max-height:300px;}
.mh580{max-height:580px;}
.mh70{max-height:70px;}
.mh100{max-height:100px;}
.mh200{max-height:200px;}

/*宽度*/
.w15{width:15px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w92{width:92px;}
.w100{width:100px;}
.w105{width:100px;}
.w120{width:120px;}
.w132{width:132px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w240{width:240px;}
.w300{width:300px;}
.w350{width:350px;}
.w_65{width:65%;}
.w_10{width:10%;}
.mw200{max-width:200px;}



/*前景颜色*/
.fg_white{color:#FFFFFF;}/*白色*/
.fg_red{color:red;}/*红色*/
.fg_green{color:green;}/*绿色*/
.fg_sky_blue{color:#2575E6;}/*蔚蓝色*/
.fg_dark_grey{color:#949494;}/*深灰色*/
.fg_1{color:#4DA8D8;}/*天蓝*/
.fg_2{color:#FF8C0E;}/*橙色*/
.fg_666666{color:#666666;}/*深灰色*/

/*线条边框*/
.border1{border:1px}/**线条深灰*/
.border_1{border:1px solid #7B7C7E;}/**线条深灰*/
.border_left_1{border-left:1px solid #7B7C7E;}/**线条深灰*/
.border_right_1{border-right:1px solid #7B7C7E;}/**线条深灰*/
.border_right_2{border-right:1px solid #95B8E7;}/**线条浅蓝*/
.border_right_3{border-right:1px solid #b8eaff;}/**线条浅蓝*/


/*线条边框*/
.border_light_blue_1{border:1px solid #95B8E7;}

/*checkbox与文字水平对齐*/
.checkbox_center{vertical-align:middle;}

/*隐藏*/
.hidden{display:none;}

/**鼠标手样式*/
.pointer{cursor:pointer;}

/**纵向滚动条-自动*/
.scroll_y_a{overflow-y:auto;}

/**纵向滚动条-自动*/
.scroll_x_a{overflow-x:auto;}

.scroll_x_a_hidden{overflow-x:hidden;}

.scroll_y_a_hidden{overflow-y:hidden;}

/**粗体字*/
.bold{font-weight: bold;}

.title{
    height: 35px;
    padding: 0 12px;
    text-align: left;
    line-height: 35px;
    color: #fff;
    background: #30b2e6;
}

.tiny_title{
    height: 25px;
    padding: 0 12px;
    text-align: left;
    line-height: 25px;
    color: #fff;
    background: #30b2e6;
}

/**左边距*/
.left100{
    left:100px;
}

.overiew ul{ float:left; text-align:center; width:25%;}

.overiew ul li{ list-style:none;}

.bbg{border-bottom:solid 1px grey;}/*设置div的下框线灰色*/

.checkbox-l {
    display: inline-block;
    padding: 5px 0;
}

.checkbox-i130 {
    width: 130px;
    display: inline-block;
    padding: 5px 0;
}

.td-to-th {
    background: #b8eaff;
    color: #666;
    border-top: none;
}

/*新的table样式,一般用于条件刷选*/

.table-basic {
    background: #fff;
}
.table-basic th {
    height: 28px;
    padding: 0 5px;
    /* text-align: left;*/
    line-height: 28px;
    color: #fff;
    background: #30b2e6;
    border-left: 1px solid grey
    /* &:first-child{
              border-left:3px solid #30b2e6;
          } */
}
.table-basic .tr {
    text-align: right;
}
.table-basic td {
    border-left: 1px solid #808080;
    line-height: 15px;
    padding: 5px;
}
.table-basic tr:nth-child(2n) {
    background: #eee;
}
.table-basic tr.bg_grey {
    background: #fff;
}
.table-basic td input[type="checkbox"],
.table-basic td input[type="radio"] {
    margin: 0px 5px 0 10px;
}
.table-basic td {
    padding: 6px;
}